import {
    StyleSheet
} from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1
    },
    row: {
        flexDirection: "row",
        marginBottom: 7
    },
    roomloading: {
        position: "absolute", 
        width: "100%", 
        height: "100%", 
        left: 0, 
        top: 0
    },
    containerInner: {
        position:"absolute", 
        left: 0, 
        top: 0, 
        width: "100%", 
        height: "100%",
        paddingLeft: 12,
        paddingRight: 12,
        flexDirection: "column-reverse",
        zIndex: 2,
    },
    giftListBoxContainer: {
        position:"absolute", 
        left: 0, 
        top: 0, 
        width: "100%", 
        height: "100%",
        zIndex: 4,
    },
    giftListBox: {
        width: "100%", 
        height: 300,
        backgroundColor: "#252828"
    },
    giftboxpage: {
        backgroundColor: "#252828", 
        flexDirection: "row", 
        flexWrap: "wrap"
    },
    giftboxitem: {
        width: "25%", 
        height: 100, 
        alignItems: "center", 
        justifyContent: "center"
    },
    msgList: {
        height: "35%",
        width: "75%",
    },
    bottomLine: {
        height: 45,
        width: "100%",
    },
    bottomLineInner: {
        height: "100%",
        flexDirection: "row",
        paddingLeft: 10,
        paddingRight: 10,
        alignItems: "center"
    },
    bottomImg: {
        width: 30,
        height: 30,
        marginRight: 12,
    },
    msgRow: {
        backgroundColor: "rgba(0,0,0,0.5)",
        paddingLeft: 5,
        paddingRight: 5,
        paddingTop: 3,
        paddingBottom: 3,
        flexDirection: "row",
        borderRadius: 10,
        flexWrap: "wrap"
    },
    nick: {
        color: "#dcdadf"
    },
    content: {
        color: "#ffffff"
    }
})